﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="user_list.aspx.cs" Inherits="WL_Store.Web.subpage.user_list" %>
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="../css/style.css"/>       
        <link href="../assets/css/codemirror.css" rel="stylesheet"/>
        <link rel="stylesheet" href="../assets/css/ace.min.css" />
        <link rel="stylesheet" href="../assets/css/font-awesome.min.css" />
	

		<script type="text/javascript">
			window.jQuery || document.write("<script src='../assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
		</script>

	

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='../assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="../assets/js/bootstrap.min.js"></script>
		<script src="../assets/js/typeahead-bs2.min.js"></script>
		<!-- page specific plugin scripts -->
		<script src="../assets/js/jquery.dataTables.min.js"></script>
		<script src="../assets/js/jquery.dataTables.bootstrap.js"></script>
        <script type="text/javascript" src="../js/H-ui.js"></script> 
        <script type="text/javascript" src="../js/H-ui.admin.js"></script> 
        <script src="../assets/layer/layer.js" type="text/javascript" ></script>
        <script src="../assets/laydate/laydate.js" type="text/javascript"></script>
    <script src="../My97DatePicker/WdatePicker.js"></script>
<title>用户列表</title>
    <style>
        
        .add_name span {
        color:red;
        }
       

        .add_name span {
            color: red;
        }
       
      
       
       .page {
       margin:0 auto;
       display: block;
       margin-top:20px;
       }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="page-content clearfix">
    <div id="Member_Ratings">
      <div class="d_Confirm_Order_style">
    <div class="search_style">
     
      <ul class="search_content clearfix">
          <li><label class="l_f">会员卡号:</label>
           
              <asp:TextBox ID="txt_search_card" runat="server" class="text_add" placeholder="输入会员卡号"  style=" width:200px"></asp:TextBox>

       </li>
       <li><label class="l_f">会员名称:</label>
            <asp:TextBox ID="txt_search_name" runat="server" class="text_add" placeholder="输入会员姓名"  style=" width:200px"></asp:TextBox>


       </li>
          <li><label class="l_f">会员性别:</label>
          
              <asp:RadioButtonList ID="rbl_search_sex" runat="server" RepeatDirection="Horizontal">
                  <asp:ListItem Value="0">男</asp:ListItem>
                  <asp:ListItem Value="1">女</asp:ListItem>
                  <asp:ListItem Value="-1" Selected="True">不限</asp:ListItem>


              </asp:RadioButtonList>
       </li>
       <li><label class="l_f">注册时间:</label>
           <input id="txt_StartRegistertime" runat="server" class="inline laydate-icon" onclick="WdatePicker({ isShowClear: true, readOnly: true })" />
                                <label>至</label>
          <input id="txt_EndRegistertime" runat="server" class="inline laydate-icon" onclick="WdatePicker({ isShowClear: true, readOnly: true })" />
            

       </li>
       <li style="width:90px;">
           <%--<button type="button" class="btn_search"><i class="icon-search"></i>查询</button>--%>
           <asp:Button ID="btn_search" runat="server" Text="查询"  class="btn_search"  OnClick="btn_search_Click" CausesValidation="false" />
       </li>
      </ul>
    </div>
     <!---->
     <div class="border clearfix">
       <span class="l_f">
        <a href="javascript:ovid()" id="member_add" class="btn btn-warning"><i class="icon-plus"></i>添加用户</a>
        <a href="javascript:ovid()" class="btn btn-danger"><i class="icon-trash"></i>批量删除</a>
       </span>
       <span class="r_f">共：<b>2345</b>条</span>
     </div>

     <!---->
     <div class="table_menu_list">
         

          <table id="tb_VipInfo" class="table  table-bordered table-hover dataTable no-footer">
                            <tr>
                                <th>ID</th>
                                <th>卡号</th>
                                <th>姓名</th>
                                <th>性别</th>
                                <th>电话</th>
                                <th>地址</th>
                                <th>注册时间</th>
                                <th>等级</th>
                                <th>操作</th>
                                
                            </tr>
                            <asp:Repeater ID="rpt_VipInfo" runat="server">
                                <ItemTemplate>
                                    <tr>
                                <td><%# Eval("vipId") %></td>
                                <td><%# Eval("vipcard") %></td>
                                <td><%# Eval("vipname") %></td>
                                <td><%# Eval("sexString") %></td>
                                <td><%# Eval("phone") %></td>
                                <td><%# Eval("address") %></td>
                                <td><%# Eval("registertime") %></td>
                                <td><%# Eval("grade") %></td>
                                
                                <td>
                                     <asp:LinkButton ID="lbt_del" runat="server" CommandName="del" CommandArgument='<%# Eval("vipId") %>' OnCommand="lbt_del_Command" OnClientClick="return confirm('你确定要删除吗？')" CausesValidation="false">删除</asp:LinkButton>
                             <a href='user_list_edit.aspx?vipId=<%# Eval("vipId") %>'>编辑</a>
                         
                                </td>
                            </tr>
                                </ItemTemplate>
                            </asp:Repeater>
                        </table>
                       

     <!---->
     <div class="table_menu_list">
          <webdiyer:AspNetPager ID="Vip_Pager" runat="server" UrlPaging="true" AlwaysShow="true" 
                    FirstPageText="首页" LastPageText="末页" 
                    NextPageText="下一页" PrevPageText="上一页" CustomInfoHTML="目前是第%CurrentPageIndex%页 / 总共%PageCount%页" 
                    ShowCustomInfoSection="Right" PagingButtonSpacing="0" NumericButtonCount="5"
                    CssClass="pagination page" LayoutType="Ul" PagingButtonLayoutType="UnorderedList" CurrentPageButtonClass="active"  Width="850px"  PageSize="10" OnPageChanging="Vip_Pager_PageChanging" >
                </webdiyer:AspNetPager>
       
   </div>
  </div>
 </div>
</div>
<!--添加用户图层-->
<div class="add_menber" id="add_menber_style" style="display:none">

    <ul class=" page-content">
        <li>
            <label class="label_name">I&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;D：</label>
            <span class="add_name">
                <asp:TextBox ID="txt_id" runat="server" class="text_add" placeholder="ID"></asp:TextBox>
                 <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="请输入ID" ControlToValidate="txt_id"></asp:RequiredFieldValidator>
            </span>
            <div class="prompt r_f"></div>
        </li>
        <li>
            <label class="label_name">会员卡号：</label><span class="add_name">

                <asp:TextBox ID="txt_vipcard" runat="server" class="text_add" placeholder="会员卡号"></asp:TextBox>
                 <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="请输入会员卡号" ControlToValidate="txt_vipcard"></asp:RequiredFieldValidator>
            </span>
            <div class="prompt r_f"></div>
        </li>
        <li>
            <label class="label_name">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</label><span class="add_name">
                <asp:TextBox ID="txt_name" runat="server" class="text_add" placeholder="姓名"></asp:TextBox>
                 <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="请输入姓名" ControlToValidate="txt_name"></asp:RequiredFieldValidator>
            </span>
            <div class="prompt r_f"></div>
        </li>
        <li>
            <label class="label_name">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</label><span class="add_name">
                <asp:RadioButtonList ID="rbl_sex" runat="server" RepeatDirection="Horizontal">
                    <asp:ListItem Value="0" Text="男" Selected="True">男</asp:ListItem>
                    <asp:ListItem Value="1" Text="女">女</asp:ListItem>
                </asp:RadioButtonList>
            </span>
            <div class="prompt r_f"></div>
        </li>
        <li>
            <label class="label_name">移动电话：</label><span class="add_name">
                <asp:TextBox ID="txt_phone" runat="server" class="text_add" placeholder="移动电话"></asp:TextBox>
                 <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="请输入移动电话" ControlToValidate="txt_phone"></asp:RequiredFieldValidator>
            </span>
            <div class="prompt r_f"></div>
        </li>
        <%--<li>
            <label class="label_name">注册时间：</label><span class="add_name">
                <asp:TextBox ID="txt_time" runat="server" class="text_add" placeholder="注册时间"></asp:TextBox>
                 <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="请输入注册时间" ControlToValidate="txt_time"></asp:RequiredFieldValidator>
            </span>
            <div class="prompt r_f"></div>
        </li>--%>
        <li class="adderss">
            <label class="label_name">家庭住址：</label><span class="add_name">
                <asp:TextBox ID="txt_adress" runat="server" class="text_add" placeholder="家庭住址" Width="542px"></asp:TextBox>
                 <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="请输入家庭住址" ControlToValidate="txt_adress"></asp:RequiredFieldValidator>
            </span>
            <div class="prompt r_f"></div>
        </li>

        <li class="adderss">
            <label class="label_name">等&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级：</label><span class="add_name">
                <asp:TextBox ID="txt_grade" runat="server" class="text_add" placeholder="等级"></asp:TextBox>
                 <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="请输入等级" ControlToValidate="txt_grade"></asp:RequiredFieldValidator>
            </span>
            <div class="prompt r_f"></div>
        </li>
        <li class="adderss" style="text-align: center">
            <asp:Button ID="btn_add" runat="server" Text="添加" class="btn btn-primary radius" OnClick="btn_add_Click" />
            <asp:Button ID="btn_clear" runat="server" Text="重置" class="btn btn-primary radius" OnClick="btn_clear_Click" />
            <div class="prompt r_f"></div>
        </li>
    </ul>
   
 </div>
            </div>
    </form>
</body>
</html>
<script>
    jQuery(function ($) {
        var oTable1 = $('#sample-table').dataTable({
            "aaSorting": [[1, "desc"]],//默认第几个排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                { "orderable": false, "aTargets": [0, 8, 9] }// 制定列不参与排序
            ]
        });


        $('table th input:checkbox').on('click', function () {
            var that = this;
            $(this).closest('table').find('tr > td:first-child input:checkbox')
                .each(function () {
                    this.checked = that.checked;
                    $(this).closest('tr').toggleClass('selected');
                });

        });


        $('[data-rel="tooltip"]').tooltip({ placement: tooltip_placement });
        function tooltip_placement(context, source) {
            var $source = $(source);
            var $parent = $source.closest('table')
            var off1 = $parent.offset();
            var w1 = $parent.width();

            var off2 = $source.offset();
            var w2 = $source.width();

            if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
            return 'left';
        }
    })
    /*用户-添加*/
    $('#member_add').on('click', function () {
        layer.open({
            type: 1,
            title: '添加VIP用户',
            maxmin: true,
            shadeClose: true, //点击遮罩关闭层
            area: ['800px', ''],
            content: $('#add_menber_style'),
           
            yes: function (index, layero) {
                var num = 0;
                var str = "";
                $(".add_menber input[type$='text']").each(function (n) {
                    if ($(this).val() == "") {

                        layer.alert(str += "" + $(this).attr("name") + "不能为空！\r\n", {
                            title: '提示框',
                            icon: 0,
                        });
                        num++;
                        return false;
                    }
                });
                if (num > 0) { return false; }
                else {
                    layer.alert('添加成功！', {
                        title: '提示框',
                        icon: 1,
                    });
                    layer.close(index);
                }
            }
        });
    });
    /*用户-查看*/
    function member_show(title, url, id, w, h) {
        layer_show(title, url + '#?=' + id, w, h);
    }
    /*用户-停用*/
    function member_stop(obj, id) {
        layer.confirm('确认要停用吗？', function (index) {
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="icon-ok bigger-120"></i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
            $(obj).remove();
            layer.msg('已停用!', { icon: 5, time: 1000 });
        });
    }

    /*用户-启用*/
    function member_start(obj, id) {
        layer.confirm('确认要启用吗？', function (index) {
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="icon-ok bigger-120"></i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
            $(obj).remove();
            layer.msg('已启用!', { icon: 6, time: 1000 });
        });
    }
    /*用户-编辑*/
    function member_edit(id) {
        layer.open({
            type: 1,
            title: '修改用户信息',
            maxmin: true,
            shadeClose: false, //点击遮罩关闭层
            area: ['800px', ''],
            content: $('#add_menber_style'),
            btn: ['提交', '取消'],
            yes: function (index, layero) {
                var num = 0;
                var str = "";
                $(".add_menber input[type$='text']").each(function (n) {
                    if ($(this).val() == "") {

                        layer.alert(str += "" + $(this).attr("name") + "不能为空！\r\n", {
                            title: '提示框',
                            icon: 0,
                        });
                        num++;
                        return false;
                    }
                });
                if (num > 0) { return false; }
                else {
                    layer.alert('添加成功！', {
                        title: '提示框',
                        icon: 1,
                    });
                    layer.close(index);
                }
            }
        });
    }
    /*用户-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $(obj).parents("tr").remove();
            layer.msg('已删除!', { icon: 1, time: 1000 });
        });
    }
    laydate({
        elem: '#start',
        event: 'focus'
    });

</script>
